 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>my-app</title>
    <link href="__PUBLIC__/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="__PUBLIC__/css/framework7.ios.min.css">
    <link rel="stylesheet" href="__PUBLIC__/css/framework7.ios.colors.min.css">
    <link href="__PUBLIC__/css/help.css" rel="stylesheet"/>
    <link href="__PUBLIC__/css/app.css" rel="stylesheet"/>
    <script type="text/javascript" src="__PUBLIC__/js/mui.min.js"></script>
</head>
<body class="mybody">
    <div class="statusbar-overlay"></div>
    <div class="views">
      <div class="view view-main">
        <div class="pages navbar-through toolbar-through">
          <div data-page="register" class="page">
            <div class="navbar myheader">
              <div class="navbar-inner">
                <div class="left Return">
                  <a href="/index.html" class="link icon-only"></a>
                </div>
                <div class="center sliding"></div>
                <div class="right">
                  <a  class="link icon-only"></a>
                </div>
              </div>
                <img src="__PUBLIC__/images/logo.png" alt="">
                <p>178***5678</p>
                <div class="mybox">
                    <a class="Quota back external" href="/Logo/login.html">登录</a>
                    <a class="rate back external" href="/Logo/register.html">注册</a>
                </div>
            </div>
            <div class="page-content">
                <div class="register">
                    <form class="mui-input-group" id="input_example">
                        <div class="mui-input-row">
                            <label></label>
                        <input type="text" class="mui-input-clear" name="mobile" id="mobile" placeholder="请输入手机号码">
                        </div>
                        <div class="mui-input-row">
                            <label></label>
                            <input type="text" name="code_new" id="code_new" value="" placeholder="填写收到的验证码">
                            <span onclick="getPhone()"  id="yzm">获取验证码</span>
                            <!--<input type="hidden" name="code" id="code" value="">-->
                        </div>
                        <div class="mui-input-row">
                            <label></label>
                            <input type="password" class="mui-input-password" id="password" placeholder="设置密码">
                        </div>
                        <a href="#" class="btn">注册</a>
                    </form>
                    <b>点击注册，即表示你同意<strong>《注册协议》</strong></b>
                </div> 
                <a href="/feedback.html" class="back"><div class="feed">问题反馈</div></a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript" src="__PUBLIC__/js/framework7.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/my-app.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/jquery-2.0.3.min.js"></script>
<script>
    function getPhone(){
        var phone = $('#mobile').val();
        $.post('/Logo/sand',{phone:phone},function(date){
            if(date.status == 'y'){
                //$('#code').val(date.code);
                alert(date.info);
            }else{
                alert('发送失败');
            }
        },'json');
    }

    var myApp = new Framework7();
    $$('.btn').on('click', function() {
        var storedData = myApp.formGetData('input_example');
        alert(JSON.stringify(storedData));
    });
</script>
</body>
</html>
